<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <base target="_self">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache,must-ridate">
    <meta http-equiv="expires" content="0">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/plugins/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/plugins/bootstrap-table/bootstrap-table.css" />
    <script type="text/javascript" src="/static/plugins/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/static/plugins/bootstrap-table/bootstrap-table.js"></script>
    <script type="text/javascript" src="/static/plugins/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
</head>

<style  type="text/css">
    .required {
        color: red;
    }       
</style>

<body>
    <div style="text-align: right;">
        <button type="button" id="btnSave" class="btn btn-danger">保 存</button>&nbsp;&nbsp;
    </div>
    <div id="yhzjzhInfo">
                    
    </div>
    <div style="height: 10px;"></div>
    <div style="height: 10px;"></div>
    <div style="width: 100%; height: 30px; text-align: center; line-height: 30px; background-color: #C0C0C0;">
        <a href="#" onclick="addYhzjzh(0,'','','','','','CNY','');">点击添加更多银行资金账户</a>
    </div>
</body>
    
    <script type="text/javascript">
        //初始化数据
        let ydjData = new Object();
        $(function () {
            let uuid = GetQueryValue('uuid');
            let bsid = GetQueryValue('bsid');
            let regitem_id = GetQueryValue('regitem_id');
            let productid = GetQueryValue('productid');
            let productcode = GetQueryValue('productcode');

            //保存银行资金账户
            $("#btnSave").click(function() {
				//保存之前必输项校验
				let value=requiredCheck();
				if(value=="0"){				
					saveYhzjzh(uuid, bsid, regitem_id, productid, productcode);
				}
            });

            //加载银行资金账户
            find_app_dfs_zxd_yhzjzh_by_uuid(uuid);
        });
		//日期格式化处理
		Date.prototype.Format = function(fmt)  
		{ 
			var o = {  
				"M+" : this.getMonth()+1,         //月份  
				"d+" : this.getDate(),          //日  
				"h+" : this.getHours(),          //小时  
				"m+" : this.getMinutes(),         //分  
				"s+" : this.getSeconds(),         //秒  
				"q+" : Math.floor((this.getMonth()+3)/3), //季度  
				"S" : this.getMilliseconds()       //毫秒  
			};  
			if(/(y+)/.test(fmt))  
				fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));  
			for(var k in o)  
				if(new RegExp("("+ k +")").test(fmt))  
			fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));  
			return fmt;  
		}
		//保存之前必输项校验
		function requiredCheck(){
			let value = "0";	
            $("input[name^='yhzjzhNo']").each(function name(params) {
                let no = $(this).val();
				let tjdNos = new Object();
                tjdNos.yxzhlx=$("#yxzhlx" + no).val();
                tjdNos.yxzhhm=$("#yxzhhm" + no).val();
                tjdNos.yxzhkhyxzxqc=$("#yxzhkhyxzxqc" + no).val();
                tjdNos.yxzhkhxqc=$("#yxzhkhxqc" + no).val();
                tjdNos.yxzhzh=$("#yxzhzh" + no).val();
                tjdNos.bz=$("#bz" + no).val();
                tjdNos.khrq=$("#khrq" + no).val();	
				if(typeof(tjdNos.yxzhlx)=="undefined" || tjdNos.yxzhlx==null || tjdNos.yxzhlx.length==0 || tjdNos.yxzhlx.length=='')
				{
					alert("字段[银行账户类型]为必填项!");
					value="1";
				}
				else if(typeof(tjdNos.yxzhhm)=="undefined" || tjdNos.yxzhhm.length==0  || tjdNos.yxzhhm.length=='')
				{
					alert("字段[银行账户户名]为必填项!");
					value="1";
				}
				else if(typeof(tjdNos.yxzhkhyxzxqc)=="undefined" || tjdNos.yxzhkhyxzxqc.length==0  || tjdNos.yxzhkhyxzxqc.length=='')
				{
					alert("字段[银行账户开户银行总行全称]为必填项!");
					value="1";
				}
				else if(typeof(tjdNos.yxzhkhxqc)=="undefined" || tjdNos.yxzhkhxqc.length==0  || tjdNos.yxzhkhxqc.length=='')
				{
					alert("字段[银行账户开户行全称]为必填项!");
					value="1";
				}
				else if(typeof(tjdNos.yxzhzh)=="undefined" || tjdNos.yxzhzh.length==0  || tjdNos.yxzhzh.length=='')
				{
					alert("字段[银行账户账号]为必填项!");
					value="1";
				}
				else if(typeof(tjdNos.bz)=="undefined" || tjdNos.bz==null || tjdNos.bz.length==0  || tjdNos.bz.length=='')
				{
					alert("字段[币种]为必填项!");
					value="1";
				}
				else if(typeof(tjdNos.khrq)=="undefined" || tjdNos.khrq.length==0  || tjdNos.khrq.length=='')
				{
					alert("字段[开户日期]为必填项!");
					value="1";
				}else if(tjdNos.yxzhhm.length>50)
				{
					alert("字段[银行账户户名]内容超过最大限制!");
					value="1";
				}else if(tjdNos.yxzhkhyxzxqc.length>50)
				{
					alert("字段[银行账户开户银行总行全称]内容超过最大限制!");
					value="1";
				}else if(tjdNos.yxzhkhxqc.length>50)
				{
					alert("字段[银行账户开户行全称]内容超过最大限制!");
					value="1";
				}else if(tjdNos.yxzhzh.length>50)
				{
					alert("字段[银行账户账号]内容超过最大限制!");
					value="1";
				}else if(tjdNos.khrq.length>10)
				{
					alert("字段[开户日期]内容超过最大限制!");
					value="1";
				}
				var today = new Date().Format("yyyy-MM-dd");
				if(tjdNos.khrq > today){
					alert("[开户日期]必须小于今天!");
					value="1";
				}					
			});
			
			return value;
		}	
		
        //保存预登记-银行资金账户要素集合
        function saveYhzjzh(uuid, bsid, regitem_id, productid, productcode) {
            let code = "";
            $("input[name^='yhzjzhNo']").each(function name(params) {
                let no = $(this).val();
                let tjdNos = new Object();
                tjdNos.id = $("#id" + no).val();
                tjdNos.uuid = uuid;
                tjdNos.bsid = bsid;
                tjdNos.regitem_id = regitem_id;
                tjdNos.productid = productid;
                tjdNos.productcode = productcode;
                tjdNos.yxzhlx=$("#yxzhlx" + no).val();
                tjdNos.yxzhhm=$("#yxzhhm" + no).val();
                tjdNos.yxzhkhyxzxqc=$("#yxzhkhyxzxqc" + no).val();
                tjdNos.yxzhkhxqc=$("#yxzhkhxqc" + no).val();
                tjdNos.yxzhzh=$("#yxzhzh" + no).val();
                tjdNos.bz=$("#bz" + no).val();
                tjdNos.khrq=$("#khrq" + no).val();
                jQuery.ajax({
                    //请求方式
                    type: "POST",
                    //请求地址
                    url: "/node/insert_app_dfs_zxd_yhzjzh",
                    //数据，json对象
                    data: tjdNos,
                    //请求成功
                    success: function (data) {
                        if (data.code != code) {
                            if (data.code == "1") {
                                alert("银行资金账户保存成功！");
                            } else {
                                alert("银行资金账户保存失败！");
                            }
                        }
                        code = data.code;
                    },
                    //请求失败，包含具体的错误信息
                    error: function (e) {
                        alert("数据请求异常！");
                    }
                });
            });
        }

        //查询预登记-银行资金账户要素集合
        function find_app_dfs_zxd_yhzjzh_by_uuid(uuid) {
            jQuery.ajax({
                data: { "uuid": uuid },
                url: "/node/find_app_dfs_zxd_yhzjzh_by_uuid/" + uuid,
                async: false,
                cache: false,
                success: function (data) {
                    if (typeof(data.length) != "undefined") {
                        $.each(data, function (index, item) {
                            addYhzjzh(item.id,item.yxzhlx,item.yxzhhm,item.yxzhkhyxzxqc,item.yxzhkhxqc,item.yxzhzh,item.bz,item.khrq);
                        });
                    }
                }
            });
        }

        //添加银行资金账户要素集合
        var r = 1;
        function addYhzjzh(id,yxzhlx,yxzhhm,yxzhkhyxzxqc,yxzhkhxqc,yxzhzh,bz,khrq) {
            let str = `<div id="yhzjzhDiv` + r + `"><div style="height: 10px;"></div>
                    <div style="width: 100%; height: 30px; text-align: center; line-height: 30px; background-color: #C0C0C0;">
                    <a href="#" onclick="delYhzjzh(`+ r + `);"><font color="#FF0000">点击删除下面一条银行资金账户</font></a></div>
                    <input type="hidden" name="yhzjzhNo`+ r + `" value="` + r + `">
                    <input type="hidden" id="id`+ r + `" name="id`+ r + `" value="` + id + `">
                    <table border="1" bordercolor="#C0C0C0" cellspacing="2" cellpadding="2"
                        style="width: 100%;">
                        <tr>
                            <td style="width: 12%;">
                                <span class="required">*</span>银行账户类型:
                            </td>
                            <td style="width: 21%;">
                                <select id="yxzhlx`+ r + `" name="yxzhlx` + r + `" style="width: 180px;">
                                    <option value="0">募集户</option>
                                    <option value="1">信托专户（保管）</option>
                                    <option value="2">信托专户（非保管）</option>
                                    <option value="3">外币信托账户</option>
                                    <option value="4">其他一般账户</option>
                                </select>
                            </td>
                            <td style="width: 12%;">
                                <span class="required">*</span>银行账户户名:
                            </td>
                            <td style="width: 21%;">
                                <input type="text" id="yxzhhm`+ r + `" name="yxzhhm` + r + `" value="` + yxzhhm + `" style="width: 180px;">
                            </td>
                            <td style="width: 12%;">
                                <span class="required">*</span>银行账户开户银行总行全称:
                            </td>
                            <td style="width: 21%;">
                                <input type="text" id="yxzhkhyxzxqc`+ r + `" name="yxzhkhyxzxqc` + r + `" value="` + yxzhkhyxzxqc + `" style="width: 180px;">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="required">*</span>银行账户开户行全称:
                            </td>
                            <td>
                                <input type="text" id="yxzhkhxqc`+ r + `" name="yxzhkhxqc` + r + `" value="` + yxzhkhxqc + `" style="width: 180px;">
                            </td>
                            <td>
                                <span class="required">*</span>银行账户账号:
                            </td>
                            <td>
                                <input type="text" id="yxzhzh`+ r + `" name="yxzhzh` + r + `" value="` + yxzhzh + `" style="width: 180px;">
                            </td>
                            <td>
                                <span class="required">*</span>币种:
                            </td>
                            <td>
                                <select id="bz`+ r + `" name="bz` + r + `" style="width: 180px;">
                                    
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="required">*</span>开户日期:
                            </td>
                            <td colspan="5">
                                <input type="date" id="khrq`+ r + `" name="khrq` + r + `" value="` + khrq + `" style="width: 180px;">
                            </td>
                        </tr>
                        </tr>
                    </table></div>`;
            $("#yhzjzhInfo").append(str);
            
            $("#yxzhlx"+r).val(yxzhlx);
            $("#yxzhhm"+r).val(yxzhhm);
            $("#yxzhkhyxzxqc"+r).val(yxzhkhyxzxqc);
            $("#yxzhkhxqc"+r).val(yxzhkhxqc);
            $("#yxzhzh"+r).val(yxzhzh);
            initSelect("bz"+r, "Init011", bz);
            $("#khrq"+r).val(khrq);
            r++;
        }

        //删除银行资金账户要素集合
        function delYhzjzh(no) {
            let id = $("#id" + no).val();
            if (id != 0) {
                let tjdNos = new Object();
                tjdNos.id = id;
                jQuery.ajax({
                    //请求方式
                    type: "POST",
                    //请求地址
                    url: "/node/delete_app_dfs_zxd_yhzjzh",
                    //数据，json对象
                    data: tjdNos,
                    //请求成功
                    success: function (data) {
                        if (data.code == "1") {
                            $("#yhzjzhDiv" + no).remove();
                            alert("银行资金账户删除成功！");
                        } else if (data.code == "3") {
                            alert("银行资金账户ID为空！");
                        } else {
                            alert("银行资金账户删除失败！");
                        }
                    },
                    //请求失败，包含具体的错误信息
                    error: function (e) {
                        alert("数据请求异常！");
                    }
                });
            } else {
                $("#yhzjzhDiv" + no).remove();
            }
        }

        //初始化数据字典
        function initSelect(id, region_code, val) {
            jQuery.ajax({
                //请求方式
                type: "POST",
                //请求地址
                url: "/node/query_app_dfs_scode_content",
                //数据，json对象
                data: { "region_code": region_code, "item_code": "" },
                success: function (data) {
                    if (data != "" && data.length != 1) {
                        $.each(data, function (index, item) {
                            if (item.ITEM_CODE == val) {
                                $("#" + id).append("<option value='" + item.ITEM_CODE + "' selected>" + item.ITEM_NAME + "</option>");
                            } else {
                                $("#" + id).append("<option value='" + item.ITEM_CODE + "'>" + item.ITEM_NAME + "</option>");
                            }
                        });
                    }
                }
            });
        }
    
        //获取GET参数
        function GetQueryValue(queryName) {
            var query = decodeURI(window.location.search.substring(1));
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == queryName) { return pair[1]; }
            }
            return null;
        }
    </script>
</html>